﻿<%@ Page Title="Abonneren" Language="C#" MasterPageFile="~/MasterPages/Site.master" AutoEventWireup="true" CodeFile="Abonneren.aspx.cs" Inherits="MasterPages_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
	<style type="text/css">
		.auto-style1
	{
		width: 874px;
	}
	.auto-style2
	{
		width: 405px;
	}
		</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
			<p>
						<asp:LinkButton ID="LinkButton1" runat="server"><a href="../Bezoeker/Homepage.aspx">Homepage</a></asp:LinkButton>
                        &nbsp;|&nbsp;
                        <asp:LinkButton ID="LinkButton2" runat="server"><a href="../Bezoeker/Registratie.aspx">Registratie</a></asp:LinkButton>
                        &nbsp;|&nbsp;
                        <asp:LinkButton ID="LinkButton3" runat="server"><a href="../Bezoeker/Abonneren.aspx">Abonneren</a></asp:LinkButton>
                        &nbsp;|&nbsp;
                        <asp:LinkButton ID="LinkButton4" runat="server"><a href="../Abonnee/MijnProfiel.aspx">Mijn Profiel</a></asp:LinkButton>
                        &nbsp;|&nbsp;
                        <asp:LinkButton ID="LinkButton5" runat="server"><a href="../Bezoeker/FAQ.aspx">FAQ</a></asp:LinkButton>
                        &nbsp;|&nbsp;
                        <asp:LinkButton ID="LinkButton6" runat="server"><a href="../Bezoeker/AlgemeneVoorwaarden.aspx">Algemene Voorwaarden</a></asp:LinkButton>

                        
                    </p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cpMainContent" Runat="Server">
	<asp:MultiView ID="mvAbonneren" runat="server" ActiveViewIndex="0">
		<asp:View ID="vwAbonneren1" runat="server">
			Abonneren! Stap 1/2<br /> Om jouw profiel aan te kunnen maken, vragen wij u onderstaande gegevens in te vullen a.u.b.<br /> Opgelet:<span class="auto-style4"> </span><span class="rood">*</span><span class="auto-style4"> </span><span>verplicht in te vullen.</span><table class="auto-style1">
				<tr>
					<td class="Kolom1">Ik ben:</td>
					<td class="auto-style2">
						<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal" TextAlign="Left">
							<asp:ListItem>Een man</asp:ListItem>
							<asp:ListItem>Een vrouw</asp:ListItem>
						</asp:RadioButtonList>
					</td>
					<td>
						&nbsp;</td>
				</tr>
				<tr>
					<td class="Kolom1">Gebruikersnaam:</td>
					<td class="auto-style2">
						<asp:TextBox ID="txtGebruikersnaam" runat="server" Width="180px"></asp:TextBox>
						<span class="rood">*</span></td>
					<td>
						<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Verplicht in te vullen" ControlToValidate="txtGebruikersnaam" CssClass="rood"></asp:RequiredFieldValidator>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Geboortedatum:</td>
					<td class="auto-style2">
        		&nbsp;<asp:DropDownList ID="ddlDay" runat="server">
						</asp:DropDownList>
						/<asp:DropDownList ID="ddlMonth" runat="server" AutoPostBack="True" onselectedindexchanged="ddlMonth_SelectedIndexChanged">
						</asp:DropDownList>
						/&nbsp;<asp:DropDownList ID="ddlYear" runat="server" AutoPostBack="True"
            onselectedindexchanged="ddlYear_SelectedIndexChanged" ></asp:DropDownList> 
           
    			</td>
					<td>
						&nbsp;</td>
				</tr>
				<tr>
					<td class="Kolom1">E-mailadres:</td>
					<td class="auto-style2">
						<asp:TextBox ID="txtEMailadres1" runat="server" Width="181px"></asp:TextBox>
						<span class="rood">*</span></td>
					<td>
						<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Verplicht in te vullen" ControlToValidate="txtEMailadres1" CssClass="rood"></asp:RequiredFieldValidator>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Bevestig e-mailadres:</td>
					<td class="auto-style2">
						<asp:TextBox ID="txtEmailadres2" runat="server" Width="180px"></asp:TextBox>
						<span class="rood">*&nbsp;&nbsp; 
						<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtEMailadres1" ControlToValidate="txtEMailadres2" CssClass="rood" ErrorMessage="Foutief e-mailadres"></asp:CompareValidator>
						</span>
					</td>
					<td>
						<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Verplicht in te vullen" ControlToValidate="txtEMailadres2" CssClass="rood"></asp:RequiredFieldValidator>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Geef een wachtwoord in:</td>
					<td class="auto-style2">
						<asp:TextBox ID="txtWachtwoord1" runat="server" Width="180px" TextMode="Password"></asp:TextBox>
						(max 10 karakters en zonder spaties)</td>
					<td>
						&nbsp;</td>
				</tr>
				<tr>
					<td class="Kolom1">Bevestig wachtwoord:</td>
					<td class="auto-style2">
						<asp:TextBox ID="txtWachtwoord2" runat="server" Width="180px" TextMode="Password"></asp:TextBox>
					</td>
					<td>
						<asp:Label ID="lblError" runat="server" style="color: #FF0000"></asp:Label>
					</td>
				</tr>
			</table>
			<br />
			<asp:Button ID="btnAnnuleren" runat="server" Text="Annuleren" PostBackUrl="~/Bezoeker/Homepage.aspx" />
			<asp:Button ID="btnVerder" runat="server" OnClick="btnVerder_Click" Text="Ga verder met betaling" style="text-align: right" />
			<br />
			<br />
		</asp:View>
		<asp:View ID="vwAbonneren2" runat="server">

			<table>
				<tr>
					<td class="Kolom1">Creditcard:</td>
					<td>
						<asp:DropDownList ID="DropDownList1" runat="server" Height="16px" Width="100px">
							<asp:ListItem>Visa</asp:ListItem>
							<asp:ListItem>American Express</asp:ListItem>
							<asp:ListItem>MasterCard</asp:ListItem>
							<asp:ListItem>Discover</asp:ListItem>
						</asp:DropDownList>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Naam Kaarthouder:</td>
					<td>
						<asp:TextBox ID="TextBox6" runat="server" Width="190px"></asp:TextBox>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Creditcardnummer:</td>
					<td>
						<asp:TextBox ID="TextBox7" runat="server" Width="190px"></asp:TextBox>
						(Enkel cijfers, geen letters of spaties)</td>
				</tr>
				<tr>
					<td class="Kolom1">Vervaldatum (mm/jj)</td>
					<td>
						<asp:TextBox ID="TextBox8" runat="server" Width="36px"></asp:TextBox>
						/<asp:TextBox ID="TextBox9" runat="server" Width="36px"></asp:TextBox>
					</td>
				</tr>
				<tr>
					<td class="Kolom1">Kaart verificatiecode:</td>
					<td style="margin-left: 40px">
						<asp:TextBox ID="TextBox10" runat="server" Width="100px"></asp:TextBox>
					</td>
				</tr>
			</table>
			<asp:Button ID="btnBevestig" runat="server" Text="Bevestig" OnClick="btnBevestig_Click" />
			<asp:Button ID="btnAnnuleren2" runat="server" Text="Annuleren" PostBackUrl="~/Bezoeker/Homepage.aspx" />

			</asp:View>
				<asp:View ID="vwAbonneren3" runat="server">


					Registratie voltooid!<br /> Proficiat! Uw abonnement is succesvol aangemaakt!<br /> U zal weldra een bevestigingsmail met uw accountgegevens ontvangen.<br />
					<asp:Button ID="btnLogin" runat="server" Text="Login" PostBackUrl="~/Bezoeker/Login.aspx" />


					</asp:View>
	</asp:MultiView>
</asp:Content>

